@charset 'utf-8';

.red{
  border: 2px solid #ff0036 ;
}
.head{
  font-size: 12px;
  color: #999;
  width: 100%;
  position: relative;
  background-color: #F2F2F2;
  .cen{
    width: 1190px;
    height: 26px;
    margin: 0 auto;
    p{
      float: left;
      height: 26px;
      line-height: 26px;
      a{
        &:hover{
          color: red;
          text-decoration: underline;
        }
      }
      i{
        color: red
      }
    }
    .p_one{
      height: 26px;
      line-height: 26px;
      margin-right: 20px;
    }
    .p_two{
      a{
        padding: 0 20px 0 10px;
      }
    }

    ul{
      float: right;
      >.li_one{
        padding-right: 10px;
      }
      li{
        float: left;
        height: 26px;
        line-height: 26px;
        position: relative;
        // padding: 0 5px;
        a{
          &:hover{
            color: red;
            text-decoration: underline;
          }
        }
        i{
          color: red;
        }
        div{
        padding:0  10px 0 10px;

          &:hover b{
            transform: rotate(180deg)
          }
          b{
             display: block;
             float: right;
             width: 0;
             height: 0;
             border: 5px solid;
             border-color: #999 transparent transparent transparent;
             border-width: 5px 5px 0;
             margin-top: 11px;
          }
          &:hover{
            background-color: white;
          }
          &:hover div{
                display: block;
          }
          .hide_one{
            z-index: 4;
            width: 72px;
            display: none;
            position: absolute;
            top: 26px;
            left: -1px;
            background-color: white;
            padding-bottom: 10px;
            a{
              width: 100%;
              display: block;
              height: 16px;
              z-index: -20px;
            //  text-align: center;
            
            }
          }
          .hide_two{
            z-index: 3;
            width: 72px;
            display: none;
            position: absolute;
            top: 26px;
            left: -1px;
            background-color: white;
            padding-bottom: 10px;
            a{
              display: block;
              height: 16px;
             text-align: center;
            
            }
          }
          .hide_three{
            z-index: 4;
            width: 175px;
            display: none;
            position: absolute;
            top: 26px;
            left: -50px;
          }
          .hide_four{
            z-index: 5;
            width: 120px;
            display: none;
            position: absolute;
            top: 26px;
            right: 0;
            background-color: white;
            padding-bottom: 10px;
            div{
              a{
                float: right;
              }
              p{
                width: 100%;
                display: block;
              }
            }
            a{
              display: block;
              height: 16px;
             text-align: center;
            
            }
            
          }
        }
      }
      .li_one{
        height: 22px;
      }
    }
  }
}
//············搜索框·······················
.seach{
  width: 100%;
  padding-bottom: 30px;
  .center{
    padding-top: 15px;
    >:nth-child(1){
     float: left;
     background: none;
    width: 83px;
    height: 33px;
    display: block;
    font-size: 0;
    }
    >:nth-child(2){
      float: left;
      padding: 0 10px;
      height: 38px;
      border-left: 1px solid #f0f0f0;
      width: auto;
    >div{
      a{
        font-size: 12px;
         font-family: "\5b8b\4f53";
         &:hover{
           text-decoration: underline black;
         }
         >span{
          display: block;
          // float: left;
          // margin-top: 20px;
          height: 15px;
          width: 15px;
          border-radius: 60%;
          background-color: rgb(11, 177, 243);
        }
      }
      
    }
 
     }
    >:nth-child(3){
       &:hover .dl_one{
        transform: rotate(180deg);
        }
        &:hover .d_hide{
          display: block;
        }
      position: relative;
      float: left;
      width: 132px;
      height: 38px;
      font-weight: 400;
      padding: 0 10px;
      border-left: 1px dotted #f0f0f0;
      font: 12px/1.5 tahoma,arial,"\5b8b\4f53";
       dl{
         float: left;
         >:nth-child(2){
           color: #ff0036;
         }
       }
       >.dl_one{
         float: left;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-top: none;
        border-bottom-color: #ccc;
        margin-left: 10px;
        margin-top: 10px;
       }
       >.d_hide{
         z-index: 3;
         display: none;
         font-size: 12px;
         position: absolute;
         left: -95px; top: 51px; width: 254px; z-index: 100000;
         height: 340px;
         border: 1px solid #ccc;
         background-color: white;
         text-indent: 20px;
         >div:nth-child(1){
           h6{
             display: block;
             padding: 10px 0;
           }
           ul{
             li{
               a{
                 &:hover em{
                   text-decoration: underline black;

                 }
               }
             }
           }
         }
         >div:nth-child(2){
           width: 85%;
           border-top: 1px dotted #ccc;
           margin: 0 auto;
          margin-top: 10px;
         }
         >div:nth-child(3){
           h6{
            display: block;
            padding: 10px 0;
           }
           ul>li{
             a{
               &:hover{
                 text-decoration:underline black;
               }
             }
           }
         }
         >div:nth-child(4){
          width: 85%;
          border-top: 1px dotted #ccc;
          margin: 0 auto;
         margin-top: 10px;
         }
        >div:nth-child(6){
          width: 85%;
          border-top: 1px dotted #ccc;
          margin: 0 auto;
         margin-top: 10px;
         }
        >div:nth-child(5){
          padding-top: 10px;
          a{
            color: rgb(40, 40, 212);
            &:hover{
              text-decoration: underline black;
            }
        }

         }
         >div:nth-child(7){
           a{
             display: block;
             float: left;
             border: 1px solid #ccc;
             text-align: center;
             padding-right: 20px;
             margin-top: 10px;
           }
           >a:nth-child(1){
             margin: 10px 10px 0 10px;
           }
          
         }
     }
     }
     >:nth-child(4){
      float: left;
      width: 54px;
      border-left: 1px solid #f0f0f0;
      padding: 0 10px;
      position: relative;
      font: 12px/1.5 tahoma,arial,"\5b8b\4f53";
       i{
        float: left;

       }
       &:hover span{
         transform: rotate(180deg);
       }
       >span{
        float: left;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-top: none;
        border-bottom-color: #ccc;
        margin-left: 15px;
        margin-top: 10px;
       }
       &:hover .e_hide{
         display: block;
       }
       >.e_hide{
         display: none;
         position: absolute;
         top: 50px;
         left: 0;
         width: 140px;
         height: 140px;
         z-index: 3;
         >div{
            position: absolute;
            top: 55px;
            left: 55px;
           
            >img{
              width: 30px;
              height: 30px;
            }
         }
       }
     }
     >:nth-child(5){
       float: right;
       width: 640px!important;
      //  padding: 15px 0;
       font-size: 12px;
       font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53";

       form{
         div{
           float: right;
          border: solid #ff0036;
    border-width: 3px 0 3px 3px;
    width: 360px;
    height: 30px;
    position: relative;
    input{
      outline: none;
      border: none;
      width: 100%;
      height: 100%;
      font-size: 12px;
       text-indent: 20px;
    }
         }
         legend{
          right: 0;
          top: 0;
          width: 80px;
          height: 36px;
          border: 0;
          font-size: 16px;
          letter-spacing: 0;
          cursor: pointer;
          color: #fff;
          background-color: black;
          overflow: hidden;
          text-align: center;
          float: right;
          line-height: 36px;

         }
         button{
          float: right;
          right: 0;
          top: 0;
          width: 80px;
          height: 36px;
          line-height: 36px;
          border: 0;
          font-size: 16px;
          letter-spacing: 0;
          cursor: pointer;
          color: #fff;
          background-color: #ff0036;
          overflow: hidden;
         }
       }
     }
  }
}
//···············倒计时··························
.daojishi{
  width: auto!important;
  background-image: url(../img_02/back_time.jpg);
  background-repeat: no-repeat;
  background-size:  120% 150px;
  background-position: -150px 0;
  height: 150px;
  overflow: hidden;
  padding-bottom: 0;
  position: relative;
  z-index: initial;
  .center{
    width: 990px;
    >div:nth-child(1){
      width: 295px;
      height: 110px;
      float: left;
    }
    >div:nth-child(2){
      width: 295px;
      height: 110px;
      float: left;
      >div:nth-child(1){
        width: 100%;
        height: 51px;
      }
      >div:nth-child(2){
        width: 100%;
        height: 59px;
        font-size: 24px;
        font-family: 700;
        position: relative;
        >span{
          color: black;
          display: block;
          position: absolute;
          width: 35px;
          height: 30px;
          border-radius: 5px;
        }
        >span:nth-child(1){
          top: 0;
          left: 30px;
          // background-color: rgb(231, 18, 18);

        }
        >span:nth-child(2){
          top: 0;
          left: 98px;
          // background-color: rgb(231, 18, 18);
        }
        >span:nth-child(3){
          top: 0;
          left: 165px;
          // background-color: rgb(231, 18, 18);
        }
        >span:nth-child(4){
          top: 0;
          left: 230px;
          // background-color: rgb(231, 18, 18);
        }
      }
    }
    >div:nth-child(3){
      width: 308px;
      height: 110px;
      float: left;
      #carousel {
        margin: 0px;
        padding: 0px;
        width: 308px;
        height: 108px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
      }
      #carousel_image_container {
        margin: 0px;
        padding: 0px;
        list-style: none;
        width: 924px;
        height: 108px;
        position: absolute;
        top: 0px;
        left: 0px;
      }
      #carousel_image_container>li {
        width: 308px;
        height: 108px;
        float: left;
      }
      #carousel_image_container>li>a {
        width: 100%;
        height: 100%;
        display: block;
      }
      #carousel_image_container>li>a>img {
        outline: none;
        border: none;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
        display: block;
      }
      #carousel_li_container {
        margin: 0px;
        padding: 0px 10px;
        list-style: none;
        height: 25px;
        border-radius: 20px;
        position: absolute;
        bottom: 15px;
        left: 50%;
        margin-left: -88.625px;
        z-index: 2000;
        opacity: .8;
      }
      #carousel_li_container>li {
        margin: 20px 7px;
        padding: 0px;
        width: 8px;
        height: 8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 50%;
        border: 1px solid #FFF;
        float: left;
        cursor: pointer;
        transition: all .5s;
      }
      #carousel_li_container>li.active {
        border: 1px solid black;
        background: black;
      }
      #carousel_controller span {
        width: 30px;
        height: 30px;
        display: block;
        background: rgba(0, 0, 0, 0.3);
        text-align: center;
        line-height: 30px;
        color: #fff;
        font-size: 14px;
        position: absolute;
        top: 50%;
        margin-top: -20px;
        cursor: pointer;
        display: none;
      }
      /*当鼠标放到span上的效果*/
      #carousel_controller span:hover {
        background: rgba(0, 0, 0, 0.5);
      }
      /*右边按钮位置*/
      #carousel_controller_left {
        left: -10px;
        border-radius: 0 20px 20px 0;

      }
      
      
      /*左边按钮位置*/
      
      #carousel_controller_right {
        right: -10px;
        border-radius: 20px 0 0 20px;

      }
    }
    >div:nth-child(4){
      width: 990px;
      height: 40px;
      float: left;
    
     
      background-image: url(../img_02/back_time01.jpg);
      background-repeat: no-repeat;
      background-position: 20px 0;

      >a{
        display: block;
        width: 100px;
        height: 40px;
        // opacity: .3;
        float: left;
        // background-color: aqua;
         margin-right: 15px;
      }
      >a:nth-child(1){
        margin-left: 320px;
      }
    


      
      
    }
  }

}
//~~~~~~~~~~~~~~~~~~~放大镜 轮播图~~~~~~~~~~~~~~~~~~~~~~~~~~~
.content{
  width: 100%;
    margin: 20px 0;

  >.center{
    // margin: 20px 0;
    width: 1190px;
    z-index: 100;
    min-height: 600px;
    // background-color: rgb(0, 81, 255);
    position: relative;
    // ~~~~~~~~~~~~~放大镜 &&  数据切换~~~~~~~~~~~~~~~
    >.c_left{
      float: left;
      width: 990px;
      min-height: 600px;
      // ~~~~~~~~~~~~~~~~~~~放大镜~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      >.one{
       height: 100%;
        float: left;
        width: 460px;
        position: relative;
        // background-color: rgb(251, 147, 11);
        >div:nth-child(1){
           width: 420px;
           height: 420px;
           margin: 20px auto;
        position: relative;
        border: 1px solid #ccc;
            &:hover .sousuo{
              display: none;
            }
           >.zhuangui{
            display: block;
            width: 30px;
            height: 30px;
            position: absolute;
            top: 0px;
            right: 80px;
            background-color: #ff0036;
            z-index: 10;
           }
           >.sousuo{
            //  display: block;
             width: 30px;
             height: 30px;
             position: absolute;
             top: 390px;
             right: 20px;
             background-color: #ff0036;
           }
           img{
             display: block;
             width: 420px;
             height: 420px;
            //  border-left: none;
           }
           .mask{
             position: absolute;
             top:0;
             left: 0;
            //  display: none;f
            width: 200px;
            height: 200px;
            // background-color: #ff0036;
            background-image: url(../img_02/点.png);
            z-index: 2000;
            display: none;
           }
        }
        >div:nth-child(2){
          width: 460px;
          height: 82px;
          >ul{
            width: 100%;
            height: 100%;
            >li{

              margin: 22px 0 0 16px;
              width: 60px;
              height: 60px;
              float: left;
              >img{
                width: 60px;
                height: 60px;
              }
            }
            >li:nth-child(1){
              margin-left: 50px;
              border: 2px solid black;
            }
          }
        }
        >div:nth-child(3){
           width: 420px;
           height: 420px;
           position: absolute;
           top: 20px;
           left: 460px;
           background-color: white;
           overflow: hidden;
           z-index: 2000;
           display: none;
           border: 1px solid #333;
       
        }
        >div:nth-child(4){
          width: 380px;
          height: 20px;
          padding: 38px 40px 23px 40px;
          >p{
            color: #999;
            font-size: 12px;
            >a:nth-child(1){
              float: right;
              color: #999;
            }
            >a:nth-child(2){
              color: #999;
            }
          }
        }
      }
      // ~~~~~~~~~~~~~~~~~~~~~~数据切换~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      >.two{

        width: 530px;
        // background-color: rgb(121, 204, 73);
        float: left;
       height: 100%;
       color: #666;
       position: relative;
       >div{
         padding-bottom: 10px;
       }
       >div:nth-child(1){
        padding: 20px 10px 12px;
        color: #000;
        >h5{
          font-size: 16px;
          font-weight: 700;
        }
        >p{
          font-size: 14px;
          color: #FF0036;
        }
       }
       >div:nth-child(2){
         background-image: url(../img_02/jia_ge_background.png);
         background-repeat: no-repeat;
        background-color: #e9e9e9;
        position: relative;
        left: 0;
        z-index: 10;
        font: 12px/1.5 "Microsoft Yahei",tahoma,arial;
        padding-bottom: 5px;
        padding-top: 5px;
        margin-right: 20px;
        >dl:nth-child(1){
          line-height: 30px;
          position: static;
          color: #333;
          padding-left: 0;
          >dt{
            text-align: left;
            float: left;
            width: 69px;
            margin: 0 0 0 8px;
          }
          >dd{
            margin-left: 70px;
            >em{
              color: #FF0036;
               font-size: 18px;
            }
            >span{
              color: #FF0036;
    font-size: 24px;
    font-weight: bolder;
            }
          }
        }
        >dl:nth-child(2){
          display: none;
          line-height: 30px;
          position: static;
          color: #333;
          padding-left: 0;
          >dt{
            text-align: left;
            float: left;
            width: 69px;
            margin: 0 0 0 8px;
          }
          >dd{
            color: #FF0036;
            font-size: 14px;
            float: left;
            width: 420px;
            >a{
              display:inline-block;
              color: #FF0036;
              font-size: 18px;
              border: 1px solid #ccc;
              border-radius: 3px;
              padding: 0 5px;
              // width: auto;
              // float: left;
              height: 30px;

            }
            >p{
              // display: block;
              display:inline-block;
            }
          }
        }
       }
       >div:nth-child(3){
        margin: 5px 20px 5px 0;
        >dl{
          line-height: 24px;
          >dt{
            color: #999;
             font-size: 12px;
             text-align: left;
             float: left;
             width: 50px;
             margin: 0 10px;
             }
             >dd{
              margin-left: 70px;
              font-size: 12px;
              >div:nth-child(1){
                >span:nth-child(1){
                  margin: 0 6px 0 0;
                }
                >span:nth-child(2){
                  margin: 0 6px 0 0;
                  // >i{
                  //   width: 12px;
                  //   height: 12px;
                  //  display: block;

                  //   transform:rotate(0deg);
                  // }
                }
              }
              // >div:nth-child(2){}

             }
          }
        }
       >div:nth-child(4){
        border: 1px dotted #c9c9c9;
        border-width: 1px 0;
        margin: -1px 20px 0 0;
        padding: 10px 0;
        position: relative;
        overflow: hidden;
        clear: both;
        display: flex;
        ul{
          width: 100%;
          li{
            float: left;
            width:50%;

          >div{
            >span:nth-child(1){
              font-size: 12px;

              font-family: tahoma,arial,\5FAE\8F6F\96C5\9ED1,sans-serif;
            }
            >span:nth-child(2){color: #FF0036;
              font-size: 12px;
            }
            text-align: center;
            a{
              width: 100%;
             position: relative;
            left: -1px;
             flex: 1;
              line-height: 16px;
              >span:nth-child(1){
                font-size: 12px;
              font-family: tahoma,arial,\5FAE\8F6F\96C5\9ED1,sans-serif;
              }
              >span:nth-child(2){color: #280;
                font-size: 12px;
              }
            }
          }
          }
          >li:nth-child(2){
                div{
            border-left: 1px solid #e5dfda;

                }
          }
        }
       }
       >div:nth-child(5){
        padding: 5px 0 12px;
        >dl{
          height: 92px;
          padding-bottom: 6px;
          >dt{
            text-indent: 10px;
            float: left;
            width: 66px;
            color: #838383;
            margin-top: 8px;
            font-size: 12px;
            }
        >dd{
          width: 420px;
          float: left;
          >ul{
            width: 100%;
            margin: 0;
            padding: 0;
            list-style: none;
            position: relative;
            >li{
              float: left;
              height: 38px;
              padding: 1px;
              margin: 0 4px 4px 0;
              border: 1px solid #ccc;
                height: 38px;
                text-align: center;
                span{
                  color: black;
                  height: 38px;
                  line-height: 38px;
                }
                font: 12px/1.5 tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif;
                &:hover{
                border: 2px solid #FF0036;
                // margin: -1px;
                }
            }
            >li:nth-child(3){
              position: absolute;
              top: 45px;
              left: 0;
            }
        }
          }
        }
          }
       >div:nth-child(6){
         height: 35px;
         dl{
          font-size: 12px;
          color: #838383;
           dt{
            text-indent: 10px;
            float: left;
            width: 66px;
            line-height: 35px;
        }
        dd{
             width: 420px;
             float: left;
             position: relative;
             >span:nth-child(1){
               
                >input{
                  outline: none;
                  border: none;
                  width: 43px;
                  height: 31px;
                  padding: 3px 2px 0 3px ;
                  border: 1px solid #a7a6ab;
                }
             
               
               >span:nth-child(2){
                >i{
                  display: block;
                 width: 16px;
                 height: 12px;
                 border: 1px solid #a7a6ab;
               }
               .jiantou1{
                 position: absolute;
                 top: 0;
                 left: 53px;
                 background-color: #FF0036;
               }
               .jiantou2{
                position: absolute;
                top: 22px;
                left: 53px;
                background-color: #FF0036;
              }
               }
               >span:nth-child(3){
                 margin-left: 26px;
               }
              
             }
             
        }

           }
         }
       >div:nth-child(7){
        color: #666;
        font-size: 12px;
        >dl{
          dt{  text-indent: 10px;
            float: left;
            width: 66px;
            line-height: 20px;}
          dd{width: 420px;
            float: left;
            div{
               a{
                 color: #3355AA;
               }
            }
            ul{
              width: 420px;
              height: 57px;
              li{
                margin-right: 10px;
                float: left;
                border: 1px solid #ccc;
                &:hover{
                border: 2px solid red;
                }
                
                a{
                  display: block;
                  width: 90px;
                  height: 40px;
                  padding: 4px 9px 0 9px ;
                  
                  >span:nth-child(1){color: black;}
                  >span:nth-child(2){color: black; font-weight: 800;font-family: tahoma;}
                  >span:nth-child(3){color: black;}
                  >span:nth-child(4){margin-left: 10px;color: black;}

                }
              }
            }
          }
        }
       }
       >div:nth-child(8){
         width: 434px;
         height: 40px;
         margin-top: 10px;
         padding: 10px 0 0 66px;
         >div{
           float: left;
           width: 138px;
           height: 38px;
           border: 1px solid #FF0036;
           line-height: 38px;
           text-align: center;
         }
         >div:nth-child(1){
          color: #FF0036;
          font-family: 'Microsoft Yahei';
          background-color:  #ffeded;
          margin-right: 20px;
         }
         >div:nth-child(2){
          color: white;
          font-family: 'Microsoft Yahei';
          background-color: #FF0036;
         }

       }
       >div:nth-child(9){
         margin-top: 30px;
         width: 490px;
         height: 46px;
         dl{
           >dt{
             text-indent: 10px;
            float: left;
            width: 66px;
            // line-height: 20px;
            color: #838383;
            // margin-top: 8px;
            font-size: 12px;}
           >dd{
            width: 420px;
            float: left;
            >ul{
              width: 300px;
              height: 36px;
              >li{
                float: left;
                // width: 60px;
                height: 18px;
                margin: 0 20px 5px 0;
                >a{
                  display: block;
                  color: black;
                  font-size: 12px;
                  }
                }
              }
            }
           }
         }
       >div:nth-child(10){
         cursor: pointer;
         position: absolute;
         top: 555px;
         right: 20px;
         width: 67px;
         z-index: 3;
         color: #666;
         font-size: 12px;
         >p{
           text-align: right;
         }
       }
       >div:nth-child(11){
         display: none;
        position: absolute;
        top: 555px;
        right: 0px;
        width: 130px;
        height: 36px;
        z-index: 1;
        color: #666;
        font-size: 12px;
         background-color: white;
         padding: 24px 20px 20px 20px;
         border: 1px solid #ccc;
         >a{
           display: block;
           float: left;
           width: 65px;
           text-indent: 10px;
           &:hover{
             text-decoration: underline;
           }
         }
         }
       }
       

      }

     
    // ~~~~~~~~~~~~~~~~~~  垂直轮播图 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    >.c_right{
    float: left;
      height: 600px;
      width: 199px;
      // background-color: rgb(0, 51, 255);
      border-left: 1px solid #ccc;
      >div:nth-child(1){
        width: 140px;
        margin: 0 auto;
        height: 25px;
        >s{
          float: left;
         display: block;
         width: 42px;
         border-bottom: 1px dashed #ccc;
         height: 10px;
        }
        >span{
          float: left;
          display: block;
          text-align: center;
          color: #838383;
        }
      }
    
      >.swiper-container{
        height: 520px;
        width: 140px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;

        >.swiper-wrapper{
          height: 460px;
          width: 140px;
     

          >.swiper-slide{
            height: 460px;
            width: 140px;
            display: block;
            
            >div{
              margin-bottom: 20px;
              // display: none;
              width: 140px;
              height: 140px;
              position: relative;

              >img{
                width: 140px;
                height: 140px;
              }
              >div{
                width: 140px;
                height: 20px;
                color: black;
                text-align: center;
                background-color:rgba(232,243,244);
                position: absolute;
                top: 120px;
                left: 0;
                z-index: 5;
              }
            }
           
          }
        }
        >.l_btn{
          width: 27px;
          height: 27px;
          background-image: url(../img_02/r_jiantou.png);
          background-repeat: no-repeat;
          position: absolute;
          top:500px;
          left: 30px;
          z-index:100;
          color: rgba(0, 0, 0, 0)!important;
        }
        >.r_btn{
          width: 27px;
          height: 27px;
          background-image: url(../img_02/r_jiantou1.png);
          background-repeat: no-repeat;
          background-position:0 -30px;
          position: absolute;
          top: 500px;
          left:90px;
          z-index:100;
          color: rgba(0, 0, 0, 0)!important;
        }
        >.zhe{
          width: 140px;
          height: 60px;
          background-color: white;
          position: absolute;
          top: 460px;
          left: 0;
          z-index: 10;
        }

      }
    }

  }

}
//  ~~~~~~~~~~~~~~~~~~~~~~ 粘性定位~~~~~~~~~~~~~~~~~~~~~~~~~~~~``
.fiexd{
  display: none;
  width: 100%;
  height: 49px;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  box-shadow: rgb(0 0 0 / 20%) 0 1px 5px 0;
  background-color: white;
 
  // display: none;
  >div{
      width: 1190px;
      height: 100%;
      margin: 0 auto;
      >div{
        float: left;
      }
      >div:nth-child(1){
        width: 198px;
        // background-color: #ff0036;
        height: 47px;
        // height: 1000px;
        border: 1px solid rgb(163, 161, 161);
        position: relative;
        &:hover .f_hide{
          display: block;
        }

        >div:nth-child(1){
            
         >a{
           display: block;
           width: 198px;
           height: 100%;
           line-height: 47px;
           text-indent: 16px;
           font-size: 12px;
          //  background-color: #280;

           &:hover{
             text-decoration: underline;
           }
           &:hover .xsj{
             transform: rotate(180deg);
             margin-top: 12px;
           }

         
           >.xsj{
             display: block;
             width:0px;
             height: 0px;
             border: 6px solid transparent;
             border-top: 6px solid #ccc;
             float: right;
             margin-top: 20px;
             margin-right: 10px;
           }
         }
        }
        >div:nth-child(2){
          display: none;
          position: absolute;
          top: 46px;
          left: -1px;
          width: 198px;
          border: 1px solid rgb(90, 86, 86);
          border-top: none;
          background-color: rgb(255, 254, 254);
          >div:nth-child(1){
             width: 130px;
             height: 18px;
             margin: 10px 29px 5px;
             >span{
               color: rgb(252, 108, 5);
                  width: 25px;
                  padding: 0 5px;
                  background-color: rgb(206, 33, 10);
                  margin-right: 10px;
             }
          }
          >div:nth-child(2){
            margin: 20px auto;
            width: 130px;
            height: 31px;
            >dl{
              font-size: 12px;
              color: #838383;
              float: left;
              margin-right: 10px;
              >dt{
                margin-bottom: 5px;
              }
              dd{
                color: red;
              }
            }
          }
          >div:nth-child(3){
            width: 100%;
            height: 40px;
            >a{
              display: block;
              width: 72px;
              height: 26px;
              float: left;
              line-height: 26px;
              text-align: center;
              font-size: 12px;
            }
            >a:nth-child(1){
              background-color: black;
              color: white;
              margin-right: 10px;
              margin-left: 22px;
            }
            >a:nth-child(2){
              background-color: #f5f5f5;
              color: black;
            }
          }
        }
      }
      >div:nth-child(2){
         width: 786px;
        //  background-color: #001aff;
         height: 47px;
        //  height: 200px;
         border: 1px solid rgb(163, 161, 161);
         border-left: none;
         >ul{
           float: left;
           >li{
              // width: 48px;
              height: 45px;
              float: left;
              border: 1px solid #ccc;
              font-size: 12px;
              padding: 0 20px;
              line-height: 47px;
              position: relative;
              >span{
                // display: none;
                  display: block;
                  position: absolute;
                  top: -1px;
                  left:40%;
                  display: block;
                  width:0px;
                  height: 0px;
                  border: 6px solid transparent;
              }
           }
           >li:nth-child(1){
            border-top: 2px solid red;
           }
         }
         >div{
           width: 160px;
           height: 47px;
           float: right;
           position: relative;
           &:hover{
            background-color:#F5F5F5;
           }
           &:hover .xsj{
             transform: rotate(180deg);
             margin-top: 12px;
           }
           &:hover .f_hide_one{
            display: block;
          }
           >p{
             text-indent: 50px;
             line-height: 47px;
             height: 47px;
             font-size: 12px;
             color: #838383;
            >.xsj{
              display: block;
              width:0px;
              height: 0px;
              border: 6px solid transparent;
              border-top: 6px solid #ccc;
              float: right;
              margin-top: 20px;
              margin-right: 10px;
             }
           }
           >.f_hide_one{
            display: none;
            background-color: white;
             position: absolute;
             top: 47px;
             left: 0;
             width: 160px;
             height: 160px;
             >img:nth-child(1){
               width: 140px;
               height: 140px;
               padding: 10px;
             }
             >img:nth-child(2){
               position: absolute;
               top: 75px;
               left:65px;
                 width: 24px;
                 height: 24px;
             }
           }
           
         }
      }
      >div:nth-child(3){
          width: 200px;
          background-color: #FF0036;
          height: 49px;
          >a{
            display: block;
            width: 100%;
            height: 100%;
            color: white;
            line-height: 49px;
            text-align: center;
          }

      }
  }
}
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
.details{
  width: 100%;
  // height: 1000px;
  // display: none;
  // background-color: rgb(169, 68, 68);
  z-index: 9;

  >.center{
    width: 1190px;
    margin: -20px auto;
    >.d_left{
      float: left;
      width: 190px;
      // height: 1000px;
      // background-color: #280;
      margin-right: 10px;
      >div:nth-child(1){
        width: 190px;
        margin-bottom: 10px;
        >h6{
          width: 189px;
          height: 48px;
          border: 1px solid #ccc;
          border-bottom: none;
         >a{
          height: 48px;
          line-height: 48px;
          &:hover{
            text-decoration: underline;
          }
          >span:nth-child(1){
            float: left;
            text-indent: 20px;
            font-size: 12px;
            // margin-bottom: 10px;
          }
          >span:nth-child(2){
            float: left;
            width: 20px;
            height: 20px;
            margin-top: 10px;
            background-image: url(../img_02/xiao_shui_di.gif);
            background-repeat: no-repeat;
            background-position: -85px 5px;
            background-size: 100px;
          }
         }
        }
        >div{
          border: 1px solid #ccc;
          // border-top: none;
          width: 189px;
          >div:nth-child(1){
            width: 130px;
            height: 18px;
            margin: 10px 29px 7px;
            >span{
              color: rgb(252, 108, 5);
                 width: 25px;
                 padding: 0 5px;
                 background-color: rgb(206, 33, 10);
                 margin-right: 10px;
            }
         }
         >div:nth-child(2){
           margin: 20px auto;
           width: 130px;
           height: 31px;
           >dl{
             font-size: 12px;
             color: #838383;
             float: left;
             margin-right: 10px;
             >dt{
               margin-bottom: 5px;
             }
             dd{
               color: red;
             }
           }
         }
         >div:nth-child(3){
           width: 100%;
           height: 40px;
           >a{
             display: block;
             width: 72px;
             height: 26px;
             float: left;
             line-height: 26px;
             text-align: center;
             font-size: 12px;
           }
           >a:nth-child(1){
             background-color: black;
             color: white;
             margin-right: 10px;
             margin-left: 22px;
           }
           >a:nth-child(2){
             background-color: #f5f5f5;
             color: black;
           }
         }
        }
      }
      >div:nth-child(2){
        width: 189px;
        >div:nth-child(1){
         border: 1px solid #ccc;
         border-top: none;
         border-right: none;
         margin-bottom: 10px;
        }
        >div:nth-child(2){
          border: 1px solid #ccc;
         border-top: none;
         border-right: none;
         margin-bottom: 10px;
        }
      }
    }
    >.d_right{
      float: left;
      width: 788px;
      // height: 1000px;
      // background-color: #3355AA;
      >.xuanxiang{
       
          width: 786px;
         //  background-color: #001aff;
          height: 47px;
         //  height: 200px;
          border: 1px solid rgb(163, 161, 161);
          border-left: none;
          >ul{
            float: left;
            >li{
               // width: 48px;
               height: 45px;
               float: left;
               border: 1px solid #ccc;
               font-size: 12px;
               padding: 0 20px;
               line-height: 47px;
               position: relative;
               border-bottom: none;
               >div{
                  //  display: none;
                   display: block;
                   position: absolute;
                   top:0px;
                   left:40%;
                  //  display: block;
                   width:0px;
                   height: 0px;
                   border: 6px solid transparent;
                   border-top: 6px solid white;
             
               }
            }
            >li:nth-child(1){
              // border: 2px solid red;
              border-top: 2px solid red;

            }
          }
          >div{
            width: 160px;
            height: 47px;
            float: right;
            position: relative;
            &:hover{
             background-color:#F5F5F5;
            }
            &:hover .xsj{
              transform: rotate(180deg);
              margin-top: 12px;
            }
            &:hover .f_hide_one{
             display: block;
           }
            >p{
              text-indent: 50px;
              line-height: 47px;
              height: 47px;
              font-size: 12px;
              color: #838383;
             >.xsj{
               display: block;
               width:0px;
               height: 0px;
               border: 6px solid transparent;
               border-top: 6px solid #ccc;
               float: right;
               margin-top: 20px;
               margin-right: 10px;
              }
            }
            >.f_hide_one{
             display: none;
             background-color: white;
              position: absolute;
              top: 47px;
              left: 0;
              width: 160px;
              height: 160px;
              >img:nth-child(1){
                width: 140px;
                height: 140px;
                padding: 10px;
              }
              >img:nth-child(2){
                position: absolute;
                top: 75px;
                left:65px;
                  width: 24px;
                  height: 24px;
              }
            }
            
          }
       }
      >.xiangqing{
        >div:nth-child(1){
          margin-bottom: 10px;
          width: 748px;
          height: 220px;
          padding: 8px 19px 10px 19px;
          border: 1px solid #ccc;
          >h6{
            display: block;
            height: 40px;
            color: #666;
            line-height: 40px;
        font-size: 12px;
  
            >span{
              color: black;
        font-size: 12px;
        height: 40px;
        line-height: 40px;
  
            }
          }
          >span{
            display: block;
  
        font-size: 12px;
        height: 40px;
        line-height: 40px;
            color: #999999;
          }
          >ul{
            >li{
        font-size: 12px;
  
              display: inline;
      float: left;
      width: 220px;
      height: 18px;
      overflow: hidden;
      margin: 10px 15px 0 0;
      line-height: 18px;
      vertical-align: top;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #666;
            }
          }
        }
        >div:nth-child(2){
          margin-bottom: 30px;
          width: 748px;
          height: 80px;
          margin: 0 auto;
          padding: 0 20px;
          background-color: #FFF8F5;
          font-size: 12px;
          line-height: 40px;
          color: #7F1911;
          >span{
            font-size: 12px;
            color: #7F1911;
          }
        }
        >div:nth-child(3){
          margin-bottom: 30px;
          >img{
            display: block;
            width: 788px;
          }
        }
  
      }
      >.pinglun{
        >div:nth-child(1){
          width: 788px;
          >div:nth-child(1){
            >h6{
              display: block;
              height: 30px;
              line-height: 30px;
              background-color: #FF0036;
              color: #fff;
              text-indent: 15px;
            }
            >.p_two{
              height: 100px;
              border: 1px solid #ccc;
              border-top: none;
              border-bottom: none;
              width: 100%;
              >div:nth-child(1){
                width: 116px;
                height: 63px;
                padding: 10px 20px;
                border-right: 1px solid #ccc;
                text-align: center;
                float: left;
                margin-top: 10px;
                >h4{
                  text-align: center;
                    color: #404040;
                    font-size: 12px;
                }
                >strong{
                  font-size: 30px;
                  font-weight: 900;
                  text-align: center;
                  color: #FF6600;
                }
              }
              >div:nth-child(2){
                margin-top: 10px;
                     float: left;
                     >div:nth-child(1){
                      float: left;
                      padding: 0 12px 0 25px;
                      background-image: url(../img_02/ping_jia_back.png);
                      background-repeat: no-repeat;
                      background-position:40px 10px ;
                      font-size: 12px;
                      color: #ccc;
                     }
                     >div:nth-child(2){
                      float: left;
                      width: 550px;
                      >ul{
                        padding: 10px 20px ;
                        >li{
                          float: left;
                          border: 1px solid #ff0036;
                          padding: 0 10px ;
                          background-color: white;
                          box-shadow: 1px 1px 1px 1px #ccc;
                          border-radius: 3px;
                          font-size: 12px;
                          color: red;
                          margin-right: 20px;
                          margin-bottom: 20px;
                        }
                      }
                     }
  
              }
            }
            >.p_three{
              width: 768px;
              height: 36px;
              background-color: #EFEFEF;
              padding: 5px 10px;
              line-height: 36px;
              font-size: 12px;
              >div:nth-child(1){
                float: left;
                width: 380px;
                height: 36px;
                >input{
                //  margin-top: 10px;
                cursor: default;
                  margin-right: 0px 3px 0 3px;
                   display: inline-block;
                  vertical-align: middle;
                }
              }
              >div:nth-child(2){
                float: right;
                background: url(../img_02/xia_jian_tou.png) 64px 8px no-repeat;
                cursor: default;
                height: 20px;
                line-height: 20px;
                width: 81px;
                border: 1px solid #c8c8c8;
                margin-top: 7px;
                text-align: center;
                padding-right: 5px;
                margin-left: 20px;
                position: relative;
                &:hover .moren{
                  display: block;
                }
                >.moren{
                  display: none;
                  position: absolute;
                  top: 21px;
                  left: 0;
                  width: 86px;
                  height: 40px;
                  border: 1px solid rgb(149, 145, 145);
                  background-color: white;
                  >P{
                    height: 20px;
                    line-height: 20px;
                   }
              }
            }
              >div:nth-child(3){
                float: right;
                height: 36px;
                line-height: 36px;
                font-size: 12px;
                >input{
                  display: inline-block;
                  vertical-align: middle;
                }
              }
            }
  
          }
        }
        //~~~~~~~~~~~~~~无图片 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  
          >div:nth-child(2){
      >div:nth-child(1){
        width: 788px;
        >table{
          >tbody{
            tr{
              width: 788px;
              // height: 156px;
              // margin-bottom: 10px;
              >td:nth-child(1){
              border-bottom:1px solid #ccc;

                width: 494px;
                // height: 125px;
                padding: 16px 30px 16px 7px ;
                >div:nth-child(1){
                  width: 494px;
                  >div:nth-child(1){
                    width: 494px;
                  // height: 19px;
                  line-height: 19px;
                  color: #333;
                  font-size: 12px;
                  }
                  >div:nth-child(2){
                    display: none;
                    width: 494px;
                    // height: 45px;
                    color: #333;
                    font-size: 12px;
                   
                  >ul{
                    width: 494px;
                    height: 45px;
                    >li{
                      width: 40px;
                      height: 40px;
                      float: left;
                      border: 2px solid #f2f2f2;
                      padding: 2px;
                      margin-right: 8px;
                      position: relative;
                      transition: border-color .2s ease-out;
                  }
                  
                    }
                  >.td_two{
                    // display: none;
                      width: 302px;
                      height: 402px;
                      // display: block;
                      // position: relative;
                      margin: 10px 0;
                      border: 1px solid #ccc;
                      background: #fff;
                      padding: 2px;
                      // float: left;
                      overflow: hidden;
                    }
                  }
              
                }
                >div:nth-child(2){
                  >.td_one{
                    width: 494px;
                    height: 45px;
                  }
                }
                >div:nth-child(3){
                  font-size: 12px;
                  width: 494px;
                  height: 19px;
                  line-height: 1;
                  padding-top: 5px;
                  color: #ccc;
                }
                >div:nth-child(4){
                  font-size: 12px;
                  width: 494px;
                  color: #AF874D;

                }
                }
              >td:nth-child(2){
                width: 135px;
                height: 124px;
                padding: 16px 7px;
              border-bottom:1px solid #ccc;

                >div{
                  color: #999;
                  font-size: 12px;
                 >p{
                  >span{
                    font-size: 12px;
                    color: black;
                  }

                 }
                }

              }
              >td:nth-child(3){
              border-bottom:1px solid #ccc;

                width: 108px;
                height: 156px;
                >div{
                  color: #000;
                  font-size: 12px;
                  >span{
                    color: #999;
                    font-size: 12px;
                  }
                }
              }

            }
          }
        }
      }
        }
      
        //·~~~~~~~~~~~~~~~~~~~~~~~~追评 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        >div:nth-child(3){
          >div:nth-child(1){
            width: 788px;
            >table{
              >tbody{
                tr{
                  width: 788px;
                  // height: 156px;
                  // margin-bottom: 10px;
                  >td:nth-child(1){
                  border-bottom:1px solid #ccc;
    
                    width: 494px;
                    // height: 125px;
                    padding: 16px 30px 16px 7px ;
                    >div:nth-child(1){
                      width: 494px;
                      >div:nth-child(1){
                        width: 494px;
                      // height: 19px;
                      line-height: 19px;
                      color: #333;
                      font-size: 12px;
                      }
                      >div:nth-child(2){
                        // display: none;
                        width: 494px;
                        // height: 45px;
                        color: #333;
                        font-size: 12px;
                       
                      >ul{
                        width: 494px;
                        height: 45px;
                        >li{
                          width: 40px;
                          height: 40px;
                          float: left;
                          border: 2px solid #f2f2f2;
                          padding: 2px;
                          margin-right: 8px;
                          position: relative;
                          transition: border-color .2s ease-out;
                          >img{
                            width: 40px;
                            height: 40px;
                          }
                      }
                      
                        }
                      >.td_two{
                        display: none;
                          width: 302px;
                          height: 402px;
                          // display: block;
                          // position: relative;
                          margin: 10px 0;
                          border: 1px solid #ccc;
                          background: #fff;
                          padding: 2px;
                          // float: left;
                          overflow: hidden;
                        }
                      }
                  
                    }
                    >div:nth-child(2){
                      display: none;
                      >.td_one{
                        width: 494px;
                        height: 45px;
                      }
                    }
                    >div:nth-child(3){
                      font-size: 12px;
                      width: 494px;
                      height: 19px;
                      line-height: 1;
                      padding-top: 5px;
                      color: #ccc;
                    }
                    >div:nth-child(4){
                      font-size: 12px;
                      width: 494px;
                      color: #AF874D;
    
                    }
                    >div:nth-child(5){
                      width: 494px;
                      >div:nth-child(1){
                        width: 494px;
                      // height: 19px;
                      line-height: 19px;
                      color: #333;
                      font-size: 12px;
                      }
                      >div:nth-child(2){
                        display: none;
                        width: 494px;
                        // height: 45px;
                        color: #333;
                        font-size: 12px;
                       
                      >ul{
                        width: 494px;
                        height: 45px;
                        >li{
                          width: 40px;
                          height: 40px;
                          float: left;
                          border: 2px solid #f2f2f2;
                          padding: 2px;
                          margin-right: 8px;
                          position: relative;
                          transition: border-color .2s ease-out;
                      }
                      
                        }
                      >.td_two{
                        // display: none;
                          width: 302px;
                          height: 402px;
                          // display: block;
                          // position: relative;
                          margin: 10px 0;
                          border: 1px solid #ccc;
                          background: #fff;
                          padding: 2px;
                          // float: left;
                          overflow: hidden;
                        }
                      }
                  
                    }
                    >div:nth-child(6){
                      // display: none;
                      >.td_one{
                        width: 494px;
                        height: 45px;
                      }
                    }
                    >div:nth-child(7){
                      font-size: 12px;
                      width: 494px;
                      height: 19px;
                      line-height: 1;
                      padding-top: 5px;
                      color: #ccc;
                    }
                    >div:nth-child(8){
                      font-size: 12px;
                      width: 494px;
                      color: #AF874D;
    
                    }
    
    
    
    
                    }
                  >td:nth-child(2){
                    width: 135px;
                    height: 124px;
                    padding: 16px 7px;
                  border-bottom:1px solid #ccc;
    
                    >div{
                      color: #999;
                      font-size: 12px;
                     >p{
                      >span{
                        font-size: 12px;
                        color: black;
                      }
    
                     }
                    }
    
                  }
                  >td:nth-child(3){
                  border-bottom:1px solid #ccc;
    
                    width: 108px;
                    height: 156px;
                    >div{
                      color: #000;
                      font-size: 12px;
                      >span{
                        color: #999;
                        font-size: 12px;
                      }
                    }
                  }
    
                }
              }
            }
          }
        }
      
  
  
  
  //    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·图片~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  
        >div:nth-child(4){
          >div:nth-child(1){
            width: 788px;
            >table{
              >tbody{
                tr{
                  width: 788px;
                  // height: 156px;
                  // margin-bottom: 10px;
                  >td:nth-child(1){
                  border-bottom:1px solid #ccc;
    
                    width: 494px;
                    // height: 125px;
                    padding: 16px 30px 16px 7px ;
                    >div:nth-child(1){
                      width: 494px;
                      >div:nth-child(1){
                        width: 494px;
                      // height: 19px;
                      line-height: 19px;
                      color: #333;
                      font-size: 12px;
                      }
                      >div:nth-child(2){
                        // display: none;
                        width: 494px;
                        // height: 45px;
                        color: #333;
                        font-size: 12px;
                       
                      >ul{
                        width: 494px;
                        height: 45px;
                        >li{
                          width: 40px;
                          height: 40px;
                          float: left;
                          border: 2px solid white;
                          padding: 2px;
                          margin-right: 8px;
                          position: relative;
                          // transition: border-color .2s ease-out;
                          >img{
                            width: 40px;
                            height: 40px;
                          }
                      }
                      
                        }
                      >.td_two{
                        display: none;
                          width: 302px;
                          height: 402px;
                          // display: block;
                          // position: relative;
                          margin: 10px 0;
                          border: 1px solid #ccc;
                          background: #fff;
                          padding: 2px;
                          // float: left;
                          overflow: hidden;
                        }
                      }
                  
                    }
                    >div:nth-child(2){
                      display: none;
                      >.td_one{
                        width: 494px;
                        height: 45px;
                      }
                    }
                    >div:nth-child(3){
                      font-size: 12px;
                      width: 494px;
                      height: 19px;
                      line-height: 1;
                      padding-top: 5px;
                      color: #ccc;
                    }
                    >div:nth-child(4){
                      font-size: 12px;
                      width: 494px;
                      color: #AF874D;
    
                    }
                    }
                  >td:nth-child(2){
                    width: 135px;
                    height: 124px;
                    padding: 16px 7px;
                  border-bottom:1px solid #ccc;
    
                    >div{
                      color: #999;
                      font-size: 12px;
                     >p{
                      >span{
                        font-size: 12px;
                        color: black;
                      }
    
                     }
                    }
    
                  }
                  >td:nth-child(3){
                  border-bottom:1px solid #ccc;
    
                    width: 108px;
                    height: 156px;
                    >div{
                      color: #000;
                      font-size: 12px;
                      >span{
                        color: #999;
                        font-size: 12px;
                      }
                    }
                  }
    
                }
              }
            }
          }
    
        }

      }
      >.fenyeqi{
        >div:nth-child(1){
          padding: 20px 0;
          width: 788px;
          height: 69px;
          >span{
            float: right;
            display: block;
            padding: 5px  14px;
            border: 1px solid #e5e5e5;
             border-width: 1px 1px 1px 0;
            >a{
              display: block;
              &:hover{
                text-decoration: underline;
              }
            }
          }
          >span:nth-child(3){
             color: #2953a6;;
          }
          >span:nth-child(4){
            color: #2953a6;;
         }
         
         >span:nth-child(1){
          color: #2953a6;;
            }
          >span:nth-child(6){
             border-left: 1px solid #e5e5e5;
          }
       
          
        }
      }
      >.shiyong{
        width: 788px;
        >div{
          width: 100%;
          height: 40px;
          >span{
            background-color: #AF874D;
            float: left;
            font-size: 18px;
          }
          >h3{
            font-weight: 900;
            float: left;
            margin-left: 30px;
            font-size: 18px;
          }
         
        }
        >img{
          width: 788px;
        }
        
      }
      >.fuwu{
        width: 788px;
        padding: 20px 0;
        >h6{
       
          height: 30px;
          line-height: 30px;
          text-indent: 16px;
          background-color: #FF0036;
          color: #fff;
        }
        >ul{
          width: 100%;
          float: left;
          margin: 20px 0;
          >li{
            float: left;
            font-size: 12px;
            text-indent: 10px;
            background: #f6f9ff;
            height: 28px;
            line-height: 28px;
            width: 357px;
            margin: 10px 0 0 10px;
          }
       
        }
        >h5{
          margin: 10px ;
          font-weight: 800;
        }
        >div{
          >ul{
            float: left;
            width: 61%;
            margin-left: 30px;
            >li{
              //  background-image: url(../img_02/hang_ye_tong_shui_ping.png);
              //  background-repeat: no-repeat;
              //  background-position:200px -47px ;
               margin: 10px 0;
               color: #404040;
              //  font-size: 12px;
              height: 23px;
              overflow: hidden;
              line-height: 23px;
              position: relative;
              text-indent: 5px;
              >img{
               position: absolute;
              top: -45px;
              right: 0;
              }
              >span{
                color: #FF6600;
              }
               
            }
            >li:nth-child(1){
              // margin-top: 0;
              background: #E5F2FF;
            }
          }
          >div{
            float: left;
            width: 35%;
            font-size: 12px;
            background: #E5F2FF;
           >div{
            >em{
              color: #FF6600;
              font-weight: 800;

            }
           }

            >div:nth-child(1){
              padding-bottom: 5px;
            }
          }
        }
      }
      >.xihuan{
        width: 788px;
        >h5{
          height: 30px;
          line-height: 30px;
          text-indent: 16px;
          background-color: #FF0036;
          color: #fff;
        }
        >div{
          background-color: #fff;
          >ul{
            padding-top:30px ;
            li{
              width: 220px;
              height: 220px;
              position: relative;
              float: left;
             margin: 0 20px 20px 20px ;
              >img{
                width: 220px;
                height: 220px;
              }
              >div{
                position: absolute;
                top: 200px;
                left: 0;
                width: 220px;
                height: 20px;
                font-weight: 800;
                line-height: 20px;
                text-indent: 5px;
                color: red;
                background-color: rgba(215, 206, 206, 0.5);
              }
            }
          }
        }
      }
      >.tishi{
        background: #ffffe5;
        border: 1px solid #ffcc7f;
        height: 150px;
        margin-top: 950px;
        >div:nth-child(1){
     
           >div:nth-child(1){
            float: left;
            width: 100px;
            text-align: center;
            font-size: 12px;
           }
           >div:nth-child(2){
            float: left;
            width: 686px;
            font-size: 12px;
            line-height: 2;

           }
        }
        >div:nth-child(2){
          >div:nth-child(1){
            float: left;
            width: 100px;
            text-align: center;
            font-size: 12px;
          

           }
           >div:nth-child(2){
            float: left;
            width: 686px;
            font-size: 12px;
            line-height: 2;
           }
        }
      }






    


    }
    >.d_se{
      display: none;
      float: left;
      width: 200px;
      >div:nth-child(1){
        padding: 10px 0;
        >span{
          float: left;
          display: block;
        }
        >span:nth-child(1){
          border-bottom: 1px dashed #ccc;
          width: 18%;
         margin-top: 10px;
        }
        >span:nth-child(3){
          border-bottom: 1px dashed #ccc;
          width: 18%;
          float: right;
          margin-top: -10px;


        }
        >span:nth-child(2){
          padding: 0 10px;
          font-size: 12px;
          color: #ccc;
          width: 60%;
        }
      }
      >div:nth-child(2){
        width: 140px;
        margin: 0 auto;
        >ul{
          >li:nth-child(1){
            margin-top: 30px;
          }
          >li{
            width: 140px;
            height: 140px;
            margin-bottom: 20px;
            position:relative;
            >img{
              width: 140px;
              height: 140px;
            }
            >div{
              width: 140px;
              height: 20px;
              position: absolute;
              top: 120px;
              left: 0;
              background-color: rgba(255, 254, 254 ,.5);
              text-align: center;
            }
          }
        }
      }
    }
  }
}

// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  尾部
.foot{
  width: 100%;
  height: 373px;
  border-top: 1px solid black;

  >.foot_top{
    background-image: url(../images/foot_back.jpg);
    background-repeat: no-repeat;
  width: 1190px;
  height: 100px;
  margin: 25px auto;
  padding: 0;
  // border-top: 1px solid #999;
  >a{
    float: left;
    display: block;
    width: 297px;
    height: 100px;
    text-indent: -1000em;
  }
  }
  >.foot_bottom{
    width: 1190px;
    height: 200px;
    // background-color: #F83C3D;
    border-top: 1px solid #ccc;
    margin: 0 auto;
    background-image: url(../images/maomi.jpg);
    background-repeat: no-repeat;
    background-position: 45px bottom;
    padding-top: 22px;
    >dl{
      float: left;
      width: 186px;
      padding-left: 52px;
      >dt:nth-child(1){
        color: #646464;
    font-size: 16px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    text-align: left;
      }
      >dt{
        a{
          font-style: 12px;
          display: block;
          width: 100px;
          overflow: hidden;
          text-align: left;
          height: 20px;
          line-height: 20px;
          color: #8b8b8b;
          &:hover{
            text-decoration: underline #ccc;
          }
        }
        img{
          width: 105px;
          height: 105px;
        }
      }
    }
  }
  
}

